<%@ taglib prefix="s" uri="/struts-tags"%>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title><s:text name="title.profile.photo.upload"/></title>
		<link rel="stylesheet" type="text/css" href="../css/layout/111.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="../css/my-theme/jquery-ui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="../css/list/menu.css"/>
		<link rel="stylesheet" type="text/css" href="../css/list/mb-menu.css"/>
  		<link rel="stylesheet" type="text/css" href="../css/photo-edit.css"/>
		<script type="text/javascript" src="../js/lib/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.metadata.js"></script>
  		<script type="text/javascript" src="../js/lib/mbMenu.js"></script>
  		<script type="text/javascript" src="../js/lib/jquery.hoverIntent.js"></script>
  		<script type="text/javascript" src="../js/lib/jquery.event.drag.min.js"></script>
  		<script type="text/javascript" src="../js/lib/jquery.ui.core.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ui.widget.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ui.mouse.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ui.button.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ui.resizable.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ui.position.min.js"></script>
		<script type="text/javascript" src="../js/pages/common.js"></script>
		<script type="text/javascript" src="../js/pages/header.js"></script>
		<script type="text/javascript" src="../js/pages/photo-edit.js"></script>
	</head>
	<body>
		<div id="container">
			<s:include value="../header.jsp" />
		    <div id="content">
		    	<h3>Edit Profile Photo:</h3>
		  		<div class="main">		  			
		  			<div class="preview">
		  				<img src="${pageContext.request.contextPath}/<s:property value="tempFilePaths[0]"/>"/>
		  				<div class="highlight"></div>
		  				<div class="overlay"></div>
		  			</div>
		  			<div class="clear-both"></div>
		  			<a name="<s:property value="tempFilePaths[0]"/>" class="profile-photo-save button"><s:text name="link.save"/></a>			
		  		</div>
			</div>
			<!-- end of content -->
			<s:include value="../footer.jsp" />
		</div>
	</body>
</html>